
<ul class="nav"> 
    <!--<ul class="bottom_nav clear_float">-->
        <li class="bn_item">
            <a href="{:url('index/index')}">
                <div class="b_nav_pic">
                    <img src="__IMG__/nav/index.png" alt="" />
                    <img src="__IMG__/nav/index-blur.png" alt="" />
                </div>
                <p>首页</p>
            </a>
        </li>
        <li class="bn_item">
            <a href="{:url('index/card')}">
                <div class="b_nav_pic">
                    <img src="__IMG__/nav/card.png" alt="" />
                    <img src="__IMG__/nav/card-blur.png" alt="" />
                </div>
                <p>我办卡</p>
            </a>
        </li>
        <li class="bn_item">
            <a href="{:url('vip/index')}">
                <img src="__IMG__/nav/vip.png" alt="" />
                <p>买会员</p>
            </a>
        </li>
     
	   <li class="bn_item">
            <a href="{:url('index/loan')}">
                <div class="b_nav_pic">
                    <img src="__IMG__/nav/loan.png" alt="" />
                    <img src="__IMG__/nav/loan-blur.png" alt="" />
                </div>
                <p>我贷款</p>
            </a>
        </li>
        <li class="bn_item">
            <a href="{:url('user/index')}">
                <div class="b_nav_pic">
                    <img src="__IMG__/nav/user.png" alt="" />
                    <img src="__IMG__/nav/user-blur.png" alt="" />
                </div>
                <p>我的</p>
            </a>
        </li>
</ul> 
    <!--</ul>-->
    <script>
        var html=location.pathname.split('/')[2];
        console.log(html)
        if(html=='index.html'){
            $('.bn_item:first-child img:first-child').css('display','block').siblings().css('display','none');
        }else if(html=='docard.html'){
            $('.bn_item:nth-child(2) img:first-child').css('display','block').siblings().css('display','none');
        }else if(html=='ido.html'){
            $('.bn_item:nth-child(2) img:first-child').css('display','block').siblings().css('display','none');
        }else if(html=='user_center.html'){
            $('.bn_item:nth-child(5) img:first-child').css('display','block').siblings().css('display','none');
        }
        // $('.bn_item').mouseover((e)=>{
        //     $(e.target).children('img:first-child').css('display','block').siblings().css('display','none');
        // })
        // $('.bn_item').mouseout((e)=>{
        //     $(e.target).children('img:first-child').css('display','none').siblings().css('display','block');
        // })

    </script>
